<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
    <meta name="renderer" content="webkit"><!--360渲染模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no">
    <title>新闻详情</title>
    <link rel="stylesheet" href="../../mobile/lib/Bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../mobile/css/basic.css">
    <link rel="stylesheet" href="../../mobile/css/newsDetail.css">
    <script src="../../mobile/lib/basicSize.js"></script>
    <script src="../../mobile/lib/loading.js"></script>
</head>
<body>
<!--导航栏-->
<header class="header">
    <div class="header-body">
        <a href="./homepage.html" class="logo">
            <img src="../../mobile/img/images/LOGO.jpg" alt="领航考研">
        </a>
        <a href="../../mobile/view/searchInfo.html" class="search">
            <span>搜索</span>
        </a>
        <div id="dl-menu" class="dl-menuwrapper">
            <button id="dl-menu-button">Open Menu</button>
            <ul class="dl-menu">
                <li><a href="../../mobile/view/homepage.html">首页</a></li>
                <li><a href="../../mobile/view/courseSuggest.html">课程介绍</a></li>
                <li><a href="../../mobile/view/teacherList.html">师资介绍</a></li>
                <li><a href="../../mobile/view/newsList.html">考研咨询</a></li>
                <li><a href="#">最新活动</a></li>
                <li><a href="#">招聘信息</a></li>
                <!--<li><a href="#">联系我们</a></li>-->
                <li><a href="../../mobile/view/searchCourse.html">搜索课程</a></li>
                <li>
                    <a href="#">更多</a>
                    <ul class="dl-submenu">
                        <li class="dl-back"><a href="#">返回上一级</a></li>
                        <li class="r-code">
                            <img class="qrCode" src="../../mobile/img/images/qrCode.jpg">
                            <span>领航考研公众号</span>
                            <!--<img src="../../mobile/img/images/mianfei.png">-->
                            <!--<img src="../../mobile/img/images/zaixian.png">-->
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</header>
<div class="news-body">
    <!--响应式轮播图-->
    <div id="carousel-example-generic" class="carousel slide both" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            <li data-target="#carousel-example-generic" data-slide-to="4"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
            <div class="item active itemOne">
                <a href="#"></a>
                <div class="carousel-caption"></div>
            </div>
            <div class="item itemTwo">
                <a href="#"></a>
                <div class="carousel-caption"></div>
            </div>
            <div class="item itemThree">
                <a href="#"></a>
                <div class="carousel-caption"></div>
            </div>
            <div class="item itemFour">
                <a href="#"></a>
                <div class="carousel-caption"></div>
            </div>
            <div class="item itemFive">
                <a href="#"></a>
                <div class="carousel-caption"></div>
            </div>
        </div>
        <a id="carleft" class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="sr-only">Previous</span>
        </a>
        <a id="carright" class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="detail-area">
        <ul class="detail-area-ul">
            <li>别人考研成功了，为什么我却失败了？其实就是这6个原因</li>
            <li class="detail-li">
                <span class="detail-num">236人阅读</span>
                <span class="detail-line"></span>
                <span class="detail-time">时间：2017.9.20</span>
                <span class="detail-source">来源：百度新闻</span>
            </li>
            <li>
                <p>
                    文章，1984年6月26日出生于陕西省西安市，中国内地男演员、导演。
                    2006年毕业于中央戏剧学院表演系。2008年，因在电视剧《蜗居》
                    中饰演80后的城市青年小贝一角而走红。
                </p>
            </li>
        </ul>
        <div class="idea-img"></div>
        <div class="idea-area">
            <span class="idea-title">1.典型原因之浮躁</span>
            <p>我喜欢你是事实，我有女朋友也是事实。我以为我不说出口就会保持
                这样的朋友关系，却还是赶了个巧，那应该是个寒假，你有朋友了，
                我还是听说，我那么爱，却还是无果。
            </p><br>
            <p>我们会同在我们的城市，可是即使我们在同一个城市又怎样，
                最远的距离就是，我们在同一个城市却感觉离得如此遥远。
            </p><br>
            <p class="do-it">解决方案</p><br>
            <p>如果我是风中的叶子，便希望能以最美的姿态落下
            </p><br>
            <p>因为不想让你看到我的忧伤，也许是这世上的美，都有些苍凉缘是云水深处无言的守候
            </p><br>
        </div>
        <div class="idea-area">
            <span class="idea-title">2.典型原因之眼高手低</span>
            <p>我们围着公园绕了一圈，原以为会尴尬，会词穷，可是你一句我一句，我们沐浴
                在晚风中，我是享受这样的感觉，直到你送我到楼下，你要离开，多想给你一个拥抱
                ，把我有多爱你告诉你。
            </p><br>
            <p>我们会同在我们的城市，可是即使我们在同一个城市又怎样，
                最远的距离就是，我们在同一个城市却感觉离得如此遥远。
            </p><br>
            <p class="do-it">解决方案</p><br>
            <p>如果我是风中的叶子，便希望能以最美的姿态落下
            </p>
        </div>
        <div class="idea-area">
            <span class="idea-title">3.典型原因之吃着嘴里的望着别人碗里的</span>
            <p>我们围着公园绕了一圈，原以为会尴尬，会词穷，可是你一句我一句，我们沐浴
                在晚风中，我是享受这样的感觉，直到你送我到楼下，你要离开，多想给你一个拥抱
                ，把我有多爱你告诉你。
            </p><br>
            <p>我们会同在我们的城市，可是即使我们在同一个城市又怎样，
                最远的距离就是，我们在同一个城市却感觉离得如此遥远。
            </p><br>
            <p class="do-it">解决方案</p><br>
            <p>如果我是风中的叶子，便希望能以最美的姿态落下
            </p><br>
            <p>因为不想让你看到我的忧伤，也许是这世上的美，都有些苍凉缘是云水深处无言的守候
            </p><br>
        </div>
        <div class="about-news">
            <span class="about-news-title">相关新闻</span>
            <ul>
                <li>
                    <span class="about-news-point"></span>
                    <a class="about-news-href" href="#">新加坡首位女总统"不战而胜"招"民众"无声抗议"</a>
                    <span class="about-news-data">2017-09-18  18:03</span>
                </li>
                <li>
                    <span class="about-news-point"></span>
                    <a class="about-news-href" href="#">新加坡海滩挖沙船油轮相撞，1名中国船员遇难</a>
                    <span class="about-news-data">2017-09-18  18:03</span>
                </li>
                <li>
                    <span class="about-news-point"></span>
                    <a class="about-news-href" href="#">新加坡迎来首位女总统：出身贫寒 父亲是个守门人</a>
                    <span class="about-news-data">2017-09-18  18:03</span>
                </li>
                <li>
                    <span class="about-news-point"></span>
                    <a class="about-news-href" href="#">新加坡首位女总统"不战而胜"招"民众"无声抗议"</a>
                    <span class="about-news-data">2017-09-18  18:03</span>
                </li>
                <li>
                    <span class="about-news-point"></span>
                    <a class="about-news-href" href="#">快讯：中国籍船员获救，4人下落不明"</a>
                    <span class="about-news-data">2017-09-18  18:03</span>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--底部导航-->
<div class="bottom-nav-area">
    <ul>
        <li class="li-one">
            <a href="#"></a>
        </li>
        <span class="li-line"></span>
        <li class="li-two">
            <a href="../../mobile/view/signin.html"></a>
        </li>
        <span class="li-line"></span>
        <li class="li-three">
            <a href="#"></a>
        </li>
        <span class="li-line"></span>
        <li class="li-four">
            <a href="javascript:scroll(0,0)"></a>
        </li>
    </ul>
</div>

<script src="../../mobile/lib/jquery/jquery.min.js"></script>
<script src="../../mobile/lib/Bootstrap/js/bootstrap.min.js"></script>
<!--导航栏-->
<script src="../../mobile/lib/nav/moder.js"></script>
<script src="../../mobile/lib/nav/setNav.js"></script>


<script src="../../mobile/js/newsDetail.js"></script>
</body>
</html>